<template>
  <div class="syym">
    <div class="kuai">调仓管理>>托盘调仓</div>
    <table id="jihu">
      <tr id="jinhu">
        <td class="nanan">托盘</td>
        <td class="gonsh"><input type="text" /><i>*</i></td>
      </tr>
      <tr id="jinhu">
        <td class="nanan">原仓位</td>
        <td class="gonsh"><input type="text" /><i>*</i></td>
      </tr>
      <tr id="jinhu">
        <td class="nanan">目的仓位</td>
        <td class="gonsh">
          <span>库:</span>
          <input type="text" class="dlda" />
          <i>*</i>
          <span id="buhui">仓位:</span>
          <input type="text" class="dlda" />
          <i>*</i>
        </td>
      </tr>
      <tr id="jinhu">
        <td class="nanan"></td>
        <td id="leiz"><button id="zhsh">提交</button><button class="bndx">重置</button></td>
      </tr>
    </table>
  </div>
</template>
<style scoped>
.syym {
  width: 998px;
  border: 1px solid #e8e9ea;
}
.kuai {
  font-size: 14px;
  color: #2e6095;
  line-height: 38px;
  background: #f8f8f8;
  padding-left: 14px;
  border-bottom: 1px solid #e8e9ea;
}
#jihu {
  width: 96%;
  border: 1px solid #e8e9ea;
  margin: 25px auto;
  background: #f9f9f9;
}
#jihu #jinhu .nanan{
  border-right: 1px solid #e8e9ea;
  text-align: right;
  padding: 0 16px;
  width: 100px;
  height: 45px;
  border-bottom: 1px solid #e8e9ea;
  color: #666;
  font-size: 14px;
}
#jihu #jinhu .gonsh{
  padding-left: 16px;
  border-bottom: 1px solid #e8e9ea;

}
#jihu #jinhu .gonsh>input{
  width: 273px;
  height: 28px;
  border: 1px solid #e8e9ea;
  padding-left: 5px;
}
#jihu #jinhu .gonsh>i{
  margin-left: 26px;
  color: #eb5a12;
}
#jihu #jinhu .gonsh #buhui{
  margin-left: 5px;
}
#jihu #jinhu .gonsh .dlda{
  width: 252px;
}
#jihu #zhsh{
  width: 106px;
  height: 36px;
  background: #1a71b4;
  color: #fff;
  border: none;
  margin-left: 10px;
}
#jihu #leiz{
  padding-left: 16px;
}
#jihu .bndx{
  background: #dcdee0;
  color: #333;
  margin-left: 20px;
  border: 1px solid #cbced0;
  width: 106px;
  height: 36px;
}
</style>